.stamp-badge-wrapper {
  width: 100%;
}
.stamp-icon-wrapper {
  border-radius: 50%;
}
.stamp-icon-wrapper svg {
  transform-origin: center;
}
.stamp-custom-icon img {
  object-fit: contain;
}

/* Default theme */
.stamp-badge-wrapper.default {
  color: var(--c-stamp-primary, #01458f);
}
.stamp-badge-wrapper.default[data-idx="0"] {
  color: var(--c-stamp-primary, #f6a57a);
}
.stamp-badge-wrapper.default[data-idx="1"] {
  color: var(--c-stamp-primary, #f25e54);
}
.stamp-badge-wrapper.default[data-idx="2"] {
  color: var(--c-stamp-primary, #5bd09f);
}
.stamp-badge-wrapper.default[data-idx="3"] {
  color: var(--c-stamp-primary, #669cf8);
}
.stamp-badge-wrapper.default[data-idx="4"] {
  color: var(--c-stamp-primary, #a43df6);
}
.stamp-badge-wrapper.default[data-idx="5"] {
  color: var(--c-stamp-primary, #91d54b);
}
.stamp-badge-wrapper.default[data-idx="6"] {
  color: var(--c-stamp-primary, #f15a8b);
}
.stamp-badge-wrapper.default[data-idx="7"] {
  color: var(--c-stamp-primary, #f59640);
}
/* Default theme */

/* Dynamic theme */
.stamp-badge-wrapper.dynamic {
  aspect-ratio: 1;
  color: #f8f9fa;
  --c-stamp-primary: #01458f;
}
.stamp-badge-wrapper.dynamic .stamp-icon-wrapper {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.stamp-badge-wrapper.dynamic .outer-circle,
.stamp-badge-wrapper.dynamic .inner-cicle {
  fill: var(--c-stamp-primary, #01458f);
}
/* Dynamic theme */